{include file='fcworker/fc_head'}
<style type="text/css">
    body{
        background-image: url(http://css2020.yixuan.net/2019css/yxworker/tempcss/images/hbb_02.jpg) !important;
        background-repeat: repeat !important;
        width: 100%;
        height: 100%;
    }
    .top2{
        background-image: url(https://css2020.yixuan.net/2019css/yxworker/tempcss/images/hb_bg.png);
        width: 100%;
        height: 100%;
        background-size: 100% 55%;
        background-repeat: no-repeat;
        margin: 0 auto;
        -moz-background-size: 100% 100%;
    }
    .top{
        padding-top: 35px;
        width: 100%;
        height: 225px;
        background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-repeat: no-repeat;
        margin: 0 auto;
        text-align: center;
    }
    .content{
        width: 92%;
        height: 290px;
        background-color: #fff;
        border-radius: 15px;
        margin:  -17px auto 0 auto;
        position: relative;
        text-align: center;
    }
    .top-title{
        margin: 0 auto;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
        width: 100%;
    }
    .top-title div:nth-child(2){

        color: #fff;
        height: 30px;
        line-height: 39px;
        text-align: center;
        font-size: 16px;
    }
    .top>img{
        width: 76px;
        height: 76px;
        border-radius: 10px;
        margin: 25px auto;
    }
    .top>span{
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        line-height: 45px;
        font-size: 15px;
    }
    .time{
        width: 210px;
        height: 35px;
        border-radius: 5px;
        background-color: #d10a03;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        line-height: 35px;
        margin: 0 auto;
    }
    .price span{
        color: #d10a03;
    }
    .price span:nth-child(1){
        font-size: 39px;
    }
    .price span:nth-child(2){
        font-size: 85px;
        font-weight: 500;
    }
    .price span:nth-child(3){
        font-size: 50px;
        font-weight: 500;
    }
    .order{
        text-align: center;
        margin: 0 auto;
    }
    .order span{
        display: block;
        font-size: 11px;
        line-height: 17px;
        text-align: center;
        color: #8d8d8d;
    }
    .himg{
        height: 93px;
        position: absolute;
        width: 75px;
        left: 20px;
        bottom: 20px;
    }
    .jimg{
        height: 93px;
        position: fixed;
        right: -15px;
        bottom: 2.5px;
        width: 150px;
    }
    .setTitle{
        background: none;
        position: absolute;
    }
</style>
<body>
<div id="mescroll" class="mescroll">
    <div id="app">
        <div class="top2">
            <div class="setTitle">
                <a href="javascript:history.back(-1)"></a>
            </div>
            <div class="top column">
                <div class="top-title row">
                    <span></span>
                    <div>订单详情</div>
                    <div></div>
                </div>
                <img src="{$order['avatar']}" >
                <span style="display: block;">{$order['nickname']}</span>
            </div>
            <div class="content column">
                <div class="time">{$order['addtime']}</div>
                <div class="price">
                    <span>¥</span>
                    <span>{$order['zhengshu']}</span>
                    <span>.{$order['xiaoshu']}</span>
                </div>
                <div class="column order">
                    <span>交易单号：{$order['uniontid']}</span>
                    <span>商户单号：{$order['transaction_id']}</span>
                </div>
                <img class="himg" src="http://css2020.yixuan.net/2019css/yxworker/tempcss/images/hb1_07.png">
                <img class="jimg" src="http://css2020.yixuan.net/2019css/yxworker/tempcss/images/hb1_10.png">
            </div>
        </div>
        <div class="jishu">

        </div>
    </div>
</div>
</body>
{include file='fcworker/fc_base_foot'}
<script>
    const mescroll = new MeScroll("mescroll", {
        down: {
            auto: false,
            callback: () => {
                mescroll.endSuccess();
                setTimeout(() => {
                    window.location.reload();
                },500)
            }
        },
        up: {
            use: false
        }
    })
</script>
</html>